<!DOCTYPE html>
<html lang="en">
<head>
    <title>${title}</title>
    <meta name=”keywords” content=”${keywords}”/>
    <meta name="description" content="${description}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="icon" type="image/x-icon" href="${ctxPath}/static/faviconTitle.ico"/>
    <!-- bootstrap-css -->
    <link href="${ctxPath}/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstrap-css -->

    <!-- css -->
    <link rel="stylesheet" href="${ctxPath}/static/css/stylea.css" type="text/css" media="all"/>
    <link href="${ctxPath}/static/css/zhyd.comment.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/zhyd.core.css" rel="stylesheet">

    <!--// css -->

    <!-- font-awesome icons -->
    <link href="${ctxPath}/static/css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <script src="${ctxPath}/static/js/jquery-1.11.1.min.js"></script>
    <script src="${ctxPath}/static/js/bootstrap.js"></script>

    <script src="${ctxPath}/static/js/bootstrap-paginator.js"></script>
    <!-- flexslider -->
    <link rel="stylesheet" href="${ctxPath}/static/css/flexslider.css" type="text/css" media="screen"/>
    <!-- //flexslider -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<!--banner-->
@include("../_header.html",{current:className}){}
<div class="banner-top visible-lg-block visible-md-block"
     style="background: url('${ctxPath}/static/images/pc/productDetail/dn.jpg') no-repeat 0 0;background-size: 100% 100% ;height: 370px;">
</div>
<div class="banner-top visible-xs-block visible-sm-block"
     style="height: 150px;background: url('${ctxPath}/static/images/pc/productDetail/sj.jpg') no-repeat 0 ;background-size: 100% 100%; ">
</div>
<!--//banner-->
<!--公司高管列表-->

<div class="container-fluid" style="padding: 0">
    <div class="container" style="margin-top: 10px;position: relative">
        <div class="col-md-12" style="padding:0;">
            <!--pc-->
            <div id="productContent" class="visible-md-block visible-lg-block" style="margin-top: 25px">
                <div class="news-list-body">
                    @for(item in products){
                    <div class="news-list-item"  target="_blank">
                        <div class="news-cont-box">
                            <h3 class="title nomt">${item.productName}</h3>
                            <p class="time">${item.productClassName}</p>

                        </div>
                        <div class="news-item-img" style="background-image: url(${item.pic})"></div>
                    </div>
                    <hr style="border-bottom: 1px solid #D4D4D4"/>
                    @}
                </div>
            </div>
            <!--mobile-->
            <div id="productContent2" class="visible-xs-block visible-sm-block">
                @for(item in products){
                <div class="mobile-product-div" >
                    <div class="mobile-product-div1" style="background-image: url(${item.pic})"></div>
                    <div class="mobile-product-div2">
                        <p class="mobile-btn-span2">${item.productName}</p>
                        <p class="mobile-btn-span1">${item.productClassName}</p>

                    </div>
                </div>
                @}
            </div>
            <div class=" visible-xs-block visible-sm-block " id="example2" style="text-align: center">
                <ul id="pageLimit2"></ul>
            </div>
        </div>
    </div>
</div>

<!-- footer -->
@include("../_footer.html"){}
<!-- //footer -->

<script src="${ctxPath}/static/js/jarallax.js"></script>
<script src="${ctxPath}/static/js/SmoothScroll.min.js"></script>
<script src="${ctxPath}/static/js/responsiveslides.min.js"></script>
<script type="text/javascript" src="${ctxPath}/static/js/move-top.js"></script>
<script type="text/javascript" src="${ctxPath}/static/js/easing.js"></script>
<!-- here stars scrolling icon -->
<script type="text/javascript" src="${ctxPath}/static/js/scroller-menu.js"></script>
<!-- //here ends scrolling icon -->
<!-- FlexSlider -->
<script defer src="${ctxPath}/static/js/jquery.flexslider.js"></script>
<!-- //FlexSlider -->
</body>
</html>
